<script lang="ts" setup>
  const props = defineProps({
    text: {
      type: String,
      default: '- 没有搜索到相关结果 -',
    },
  });
</script>

<template>
  <div class="no-data-tip">
		<span class="text">{{ props.text }}</span>
	</div>
</template>

<style lang="scss" scoped>
  @import "../../assets/styles/mixins.scss";

  .no-data-tip {
    @include vh-center;
    height: 3rem;

    .text {
      font-size: .16rem;
      color: #999;
    }
  }
</style>
